<form class="form-horizontal" #producteditForm="ngForm">
  <div class="form-group" style="margin-top:30px">
    <label class="col-lg-2 text-right">
          <span class="span-style">*</span>产品名称</label>
    <div class="col-lg-3">
      <input class="form-control" type="text" #sFullName="ngModel" maxlength="128" [(ngModel)]="annuityAddOrEditBody.sFullName"
        name="sFullName">
    </div>
    <label class="col-lg-2 text-right">产品代码</label>
    <div class="col-lg-3">
      <input class="form-control" type="text" maxlength="20" [(ngModel)]="annuityAddOrEditBody.sFundCode" name="sFundCode">
    </div>
  </div>

  <div class="form-group">
    <label class="col-lg-2 text-right">产品简称</label>
    <div class="col-lg-3">
      <input class="form-control" type="text" maxlength="128" [(ngModel)]="annuityAddOrEditBody.sFundName" name="sFundName">
    </div>
    <label class="col-lg-2 text-right">
      <span class="span-style">*</span>合同名称</label>
    <div class="col-lg-3">
      <input class="form-control" type="text" maxlength="128" [(ngModel)]="annuityAddOrEditBody.sContractName" name="sContractName">
    </div>
  </div>

  <div class="form-group">
    <label class="col-lg-2 text-right">产品类型</label>
    <div class="col-lg-3">
      <select class="form-control" id="sProductTypeSelected" [(ngModel)]="annuityAddOrEditBody.sProductType" name="sProductType">
          <option [value]="''">--请选择--</option>
          <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.OLDAGE_PRODUCT_TYPE">{{item.sItemValue}}</option>
        </select>
    </div>
    <label class="col-lg-2 text-right">托管人</label>
    <div class="col-lg-3">
      <select class="form-control" maxlength="25" id="sTrusteeSelected" [(ngModel)]="annuityAddOrEditBody.sTrustee" name="sTrustee">
            <option [value]="''" >--请选择--</option>
            <option [value]="item.sItemKey" *ngFor="let item of distionary.TRUSTEE">{{item.sItemValue}}</option>
            </select>
    </div>
  </div>

  <div class="form-group">
    <label class="col-lg-2 text-right">项目经理</label>
    <div class="col-lg-3">
      <select class="form-control select2 manager-select" multiple="multiple" [(ngModel)]="managerSelectList" name="sProjectManager">
          <option [value]="item.sUserName" *ngFor="let item of ProjectManagerList">{{item.sRealName}}</option>
        </select>
    </div>
    <label class="col-lg-2 text-right">投资经理</label>
    <div class="col-lg-3">
      <input class="form-control" type="text" [(ngModel)]="annuityAddOrEditBody.sManagerNo" name="sManagerNo" [attr.title]="annuityAddOrEditBody.sManagerNo"
        disabled>
    </div>
  </div>

  <div style="border-top: 1px solid #ddd;width:80%;margin-left:7%;margin-bottom:15px"></div>

  <div class="form-group">
    <label class="col-lg-2 text-right">产品登记号</label>
    <div class="col-lg-3">
      <input class="form-control" type="text" maxlength="10" [(ngModel)]="annuityAddOrEditBody.sPlanNo" name="sPlanNo">
    </div>
    <label class="col-lg-2 text-right">确认函号</label>
    <div class="col-lg-3">
      <input class="form-control" maxlength="20" type="text" [(ngModel)]="annuityAddOrEditBody.sConfirmationNo" name="sConfirmationNo">
    </div>
  </div>

  <div class="form-group">
    <label class="col-lg-2 text-right">发行方式</label>
    <div class="col-lg-3">
      <select class="form-control" [(ngModel)]="annuityAddOrEditBody.sEmissionWay" name="sEmissionWay">
              <option [value]="''">--请选择--</option>
              <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.EMISSION_WAY">{{item.sItemValue}}</option>
            </select>
    </div>
    <label class="col-lg-2 text-right">发行对象</label>
    <div class="col-lg-3">
      <input class="form-control" type="text" maxlength="20" [(ngModel)]="annuityAddOrEditBody.sEmissionObject" name="sEmissionObject">
    </div>
  </div>

  <div style="border-top: 1px solid #ddd;width:80%;margin-left:7%;margin-bottom:15px"></div>

  <div class="form-group">
    <label class="col-lg-2 text-right">签约日期</label>
    <div class="col-lg-3">
      <div class="input-group date form_datetime">
        <span class="input-group-addon">
        <i class="fa fa-calendar"></i>
      </span>
        <input class="form-control" type="text" style="background: white; cursor: pointer;" [(ngModel)]="annuityAddOrEditBody.dSign"
          mwlFlatpickr [ngModelOptions]="{standalone: false}" name="dSign">
      </div>
    </div>
    <label class="col-lg-2 text-right">确认日期</label>
    <div class="col-lg-3">
      <div class="input-group date form_datetime">
        <span class="input-group-addon">
        <i class="fa fa-calendar"></i>
      </span>
        <input class="form-control" type="text" style="background: white; cursor: pointer;" [(ngModel)]="annuityAddOrEditBody.dConfirm"
          mwlFlatpickr [ngModelOptions]="{standalone: false}" name="dConfirm">
      </div>
    </div>
  </div>

  <div class="form-group">
    <label class="col-lg-2 text-right">生效日期</label>
    <div class="col-lg-3">
      <div class="input-group date form_datetime">
        <span class="input-group-addon">
                <i class="fa fa-calendar"></i>
              </span>
        <input class="form-control" type="text" style="background: white; cursor: pointer;" [(ngModel)]="annuityAddOrEditBody.dEffective"
          mwlFlatpickr [ngModelOptions]="{standalone: false}" name="dEffective">
      </div>
    </div>
    <label class="col-lg-2 text-right">运作日期</label>
    <div class="col-lg-3">
      <div class="input-group date form_datetime">
        <span class="input-group-addon">
              <i class="fa fa-calendar"></i>
            </span>
        <input class="form-control" style="background: #eee; cursor: pointer;" [(ngModel)]="annuityAddOrEditBody.dBegin" mwlFlatpickr
          [ngModelOptions]="{standalone: false}" name="dBegin" id="dBegin">
      </div>
    </div>
  </div>

  <div class="form-group">
    <label class="col-lg-2 text-right">合同期限</label>
    <div class="col-lg-3">
      <select class="form-control" id="sTermTypeSelected" [(ngModel)]="annuityAddOrEditBody.sTermType" name="sTermType">
              <option [value]="''">--请选择--</option>
              <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.TERM_TYPE">{{item.sItemValue}}</option>
            </select>
    </div>
    <label class="col-lg-2 text-right">到期日期</label>
    <div class="col-lg-3">
      <div class="input-group date form_datetime">
        <span class="input-group-addon">
              <i class="fa fa-calendar"></i>
            </span>
        <input class="form-control" type="text" style="background: white; cursor: pointer;" [(ngModel)]="annuityAddOrEditBody.dEnd"
          mwlFlatpickr [ngModelOptions]="{standalone: false}" name="dEnd" id="dEnd">
      </div>
    </div>
  </div>

  <div class="form-group">
    <label class="col-lg-2 text-right">是否自动续约</label>
    <div class="col-lg-3">
      <select class="form-control" [(ngModel)]="annuityAddOrEditBody.sIsRenewal" name="sIsRenewal">
              <option [value]="''">--请选择--</option>
              <option value="1">是</option>
              <option value="0">否</option>
            </select>
    </div>
    <label class="col-lg-2 text-right">终止日期</label>
    <div class="col-lg-3">
      <div class="input-group date form_datetime">
        <span class="input-group-addon">
              <i class="fa fa-calendar"></i>
            </span>
        <input class="form-control" type="text" style="background: white; cursor: pointer;" [(ngModel)]="annuityAddOrEditBody.dStop"
          mwlFlatpickr [ngModelOptions]="{standalone: false}" name="dStop" id="dStop">
      </div>
    </div>
  </div>

  <div style="border-top: 1px solid #ddd;width:80%;margin-left:7%;margin-bottom:15px"></div>

  <div class="form-group">
    <label class="col-lg-2 text-right">业绩比较基准</label>
    <div class="col-lg-3">
      <input class="form-control" type="text" maxlength="25" [attr.title]="annuityAddOrEditBody.sBenchmark" [(ngModel)]="annuityAddOrEditBody.sBenchmark"
        name="sBenchmark">
    </div>
    <label class="col-lg-2 text-right">首发截止日期</label>
    <div class="col-lg-3">
      <div class="input-group date form_datetime">
        <span class="input-group-addon">
        <i class="fa fa-calendar"></i>
      </span>
        <input class="form-control" type="text" style="background: white; cursor: pointer;" [(ngModel)]="annuityAddOrEditBody.dStartEnd"
          mwlFlatpickr [ngModelOptions]="{standalone: false}" name="dStartEnd" id="dStartEnd">
      </div>
    </div>
  </div>

  <div style="border-top: 1px solid #ddd;width:80%;margin-left:7%;margin-bottom:15px"></div>

  <div class="form-group">
    <label class="col-lg-2 text-right">续约条款</label>
    <div class="col-lg-8">
      <textarea style="width:100%" cols="30" rows="3" maxlength="250" [(ngModel)]="annuityAddOrEditBody.sRemark" name="sRemark"></textarea>
    </div>
  </div>

  <!-- <label class="col-lg-2 text-right">是否资产移交</label>
    <div class="col-lg-3">
      <select class="form-control" [(ngModel)]="annuityAddOrEditBody.sIsAssetTransfer" name="sIsAssetTransfer" (ngModelChange)="IsAssetTransfer()">
        <option [value]="1">是</option>
        <option [value]="0">否</option>
      </select>
    </div> -->

  <!-- <div class="form-group"> -->
  <!-- <label class="col-lg-2 text-right">移交投管人</label>
    <div class="col-lg-3">
      <select class="form-control select2 sInvestor-select" multiple="multiple" [(ngModel)]="sInvestorSelectList" id="sInvestor"
        name="sInvestor" disabled>
          <option [value]="''">--请选择--</option>
          <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.OTHER_INVESTOR">{{item.sItemValue}}</option>
        </select>
    </div> -->
  <!-- </div> -->

  <!-- <label class="col-lg-2 text-right">备案机构</label>
    <div class="col-lg-3">
      <select class="form-control" id="sRecordorgTypeSelected" [(ngModel)]="annuityAddOrEditBody.sRecordorgType" name="sRecordorgType">
        <option [value]="''">--请选择--</option>
        <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.RECORDORG_TYPE">{{item.sItemValue}}</option>
      </select>
    </div> -->

  <!-- <div class="form-group">
    <label class="col-lg-2 text-right">受托人</label>
    <div class="col-lg-3">
      <select class="form-control" id="sLinkPrincipalNoSelected" name="sLinkPrincipalNo" [(ngModel)]="annuityAddOrEditBody.sLinkPrincipalNo">
        <option [value]="''">--请选择--</option>
        <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.LINK_PRINCIPAL_NO">{{item.sItemValue}}</option>
      </select>
    </div>
    <label class="col-lg-2 text-right">账管人</label>
    <div class="col-lg-3">
      <select class="form-control" id="sManagerSelected" [(ngModel)]="annuityAddOrEditBody.sManager" name="sManager">
        <option [value]="''">--请选择--</option>
        <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.MANAGER">{{item.sItemValue}}</option>
      </select>
    </div>
  </div> -->

  <!-- <label class="col-lg-2 text-right">委托人</label>
    <div class="col-lg-3">
      <input class="form-control" type="text" maxlength="25" [(ngModel)]="annuityAddOrEditBody.sPrincipal" name="sPrincipal">
    </div> -->

  <!-- <label class="col-lg-2 text-right">其他投资管理人</label>
    <div class="col-lg-3">
      <select class="form-control select2 investor-select" multiple="multiple" [(ngModel)]="investorSelectList" name="sOtherInvestor">

        <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.OTHER_INVESTOR">{{item.sItemValue}}</option>
      </select>
    </div> -->

  <!-- <label class="col-lg-2 text-right">所属地区</label>
    <div class="col-lg-3">
      <app-area-data-cn [code]="area" name="sArea" [attr.title]="annuityAddOrEditBody.sArea.split(',')[1]" (areaChange)="OnAreaChg($event)"
        (codeChange)="OnAreaCodeChg($event)"></app-area-data-cn>
    </div> -->

  <!-- <label class="col-lg-2 text-right">管理费率(%)</label>
    <div class="col-lg-3">
      <input class="form-control" type="text" maxlength="25" [(ngModel)]="annuityAddOrEditBody.sManageFee" name="sManageFee">
    </div>
    <label class="col-lg-2 text-right">业绩基准</label>
    <div class="col-lg-3">
      <input class="form-control" type="text" maxlength="25" [attr.title]="annuityAddOrEditBody.sAchieveMark" [(ngModel)]="annuityAddOrEditBody.sAchieveMark"
        name="sAchieveMark">
    </div> -->

  <!-- <label class="col-lg-2 text-right">是否含权类</label>
    <div class="col-lg-3">
      <select class="form-control" [(ngModel)]="annuityAddOrEditBody.sIsContainRight" name="sIsContainRight">
        <option [value]="''">--请选择--</option>
        <option [value]="1">是</option>
        <option [value]="0">否</option>
      </select>
    </div> -->

  <div class="form-group" style="margin-top: 15px">
    <div class="col-lg-1 col-lg-offset-5">
      <button type="button" *ngIf="operate=='add'" class="btn btn-primary" (click)="otmAddOrEditBasicInfo('add')">
        <i class="fa fa-save"></i>保存</button>
      <button *ngIf="operate=='edit'&&annuityAddOrEditBody.sStatus!='yzhzh'" type="button" class="btn btn-primary" (click)="otmAddOrEditBasicInfo('edit')">
        <i class="fa fa-save"></i>保存</button>
    </div>
  </div>
</form>